<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>#{get 'title' /}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/yabe.css'}"/>
    <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}"/>
    <script src="@{'/public/javascripts/jquery-1.3.2.min.js'}" type="text/javascript"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.2.custom.min.js'}" type="text/javascript"></script>
</head>
<body>


<div id="user">
    <table border="0" width="100%">
        <tr>
            <td>
                <a href="@{Decks.index()}" class="action">Decks</a>
                <a href="@{Decks.startImport()}" class="action">Import</a>
                <a href="http://www.memomatic.net" class="action" target="_blank" >Help/ info</a>
            </td>
            <td align="right" style="color: #FFFFFF">
                #{if user}
                User: ${user}, <a href="@{Application.logout()}" class="action">Logout</a>
                #{/if}
            </td>

        </tr>
    </table>
</div>

<br/>

#{if flash.error}
<p class="error">${flash.error}</p>
#{/if}
#{if flash.success}
<p class="success">${flash.success}</p>
#{/if}

<div id="main">
    #{doLayout /}
</div>

</body>
</html>
